<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>用户信息</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../style/index.css" />
  </head>

  <body>
    <div id="app" class="minWidth">
      <el-form :inline="true" :form="form">
        <el-form-item>
          <el-input
            v-model="form.ID_Name"
            placeholder="请输入账号名称"
            @keyup.enter="onSerach"
          />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="onSerach">查询</el-button>
          <el-button type="primary" @click="handleMenu2"
            >新增权限员工</el-button
          >
        </el-form-item>
      </el-form>
      <el-table
        :data="tableData"
        stripe
        border
        height="calc(100vh - 140px)"
        :cell-style="tableCellStyle"
        style="width: 100%"
      >
        <el-table-column
          align="center"
          type="index"
          label="序号"
          width="50"
        ></el-table-column>
        <el-table-column prop="User_Number" label="账号"></el-table-column>
        <el-table-column prop="Pass_Ward" label="密码"></el-table-column>
        <el-table-column prop="ID_Name" label="姓名"></el-table-column>
        <!-- <el-table-column align="center" label="权限" width="100">
          <template v-slot="{row}">
            <el-tag size="small" v-if="row.Admin_Type=='2'">系统管理员</el-tag>
            <el-tag size="small" v-else-if="row.Admin_Type=='1'">管理员</el-tag>
            <el-tag size="small" v-else-if="row.Admin_Type=='0'"
              >普通用户</el-tag
            >
          </template>
        </el-table-column> -->
        <el-table-column
          prop="Enterprise_Name"
          label="所属企业"
        ></el-table-column>
        <el-table-column label="操作" width="180">
          <template slot-scope="scope">
            <el-button
              size="mini"
              icon="el-icon-menu"
              @click="handleMenu(scope.row)"
              >绑定权限</el-button
            >
            <!-- <el-button
              size="mini"
              icon="el-icon-edit"
              v-else
              @click="handleExamine(row.User_Number)"
              type="warning"
              >账号审核</el-button
            > -->
          </template>
        </el-table-column>
      </el-table>
      <el-dialog title="申请人信息" :visible.sync="dialogTableVisible">
        <el-descriptions class="margin-top" :column="2" border>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-user"></i>
              申请人姓名
            </template>
            {{formData.ID_Name}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-mobile-phone"></i>
              申请人手机号
            </template>
            {{formData.User_Number}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-location-outline"></i>
              申请人身份证号
            </template>
            {{formData.ID_SerialNumber}}
          </el-descriptions-item>
          <el-descriptions-item>
            <template slot="label">
              <i class="el-icon-tickets"></i>
              申请时间
            </template>
            {{formData.Operation_Datetime}}
          </el-descriptions-item>
        </el-descriptions>
        <div style="display: flex; justify-content: center; margin-top: 20px">
          <el-button @click="UpdateApplication(2)" type="danger"
            >拒绝</el-button
          >
          <el-button @click="UpdateApplication(0)" type="success"
            >同意</el-button
          >
        </div>
      </el-dialog>
      <div
        style="
          display: flex;
          align-items: center;
          justify-content: space-between;
        "
      >
        <el-pagination
          background
          v-show="total > 0"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="form.page"
          :page-sizes="[10, 20, 30, 50]"
          :page-size="form.limit"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
        >
        </el-pagination>
        <el-switch v-model="value" active-text="开启设置模式"></el-switch>
      </div>
      <!-- <yl-table></yl-table> -->
    </div>
    <script
      type="text/javascript"
      src="../../../utils/jquery-3.6.0.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script
      type="text/javascript"
      src="../../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="./js/Role.js"></script>
  </body>
</html>
